<template>
    <div>
        <Modal v-model="modal.search" title="高级搜索" width="1020">
            <Form ref="searchForm" :model="searchForm" :label-width="120">
                <Row>
	<i-col span="12">
	<FormItem label="商品类目编号"><Row>
	<i-col span="11">
	<FormItem prop="goodsCategoryIdMin">
	<InputNumber v-model="searchForm.goodsCategoryIdMin" placeholder="请输入开始商品类目编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsCategoryIdMax">
	<InputNumber v-model="searchForm.goodsCategoryIdMax" placeholder="请输入结束商品类目编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="类目父编号"><Row>
	<i-col span="11">
	<FormItem prop="goodsCategoryParentIdMin">
	<InputNumber v-model="searchForm.goodsCategoryParentIdMin" placeholder="请输入开始类目父编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsCategoryParentIdMax">
	<InputNumber v-model="searchForm.goodsCategoryParentIdMax" placeholder="请输入结束类目父编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="类目名称" prop="goodsCategoryTitle">
	<Input v-model="searchForm.goodsCategoryTitle" placeholder="请输入类目名称" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="类目封面图" prop="goodsCategoryPicUrl">
	<Input v-model="searchForm.goodsCategoryPicUrl" placeholder="请输入类目封面图" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="品牌编号"><Row>
	<i-col span="11">
	<FormItem prop="goodsBrandIdMin">
	<InputNumber v-model="searchForm.goodsBrandIdMin" placeholder="请输入开始品牌编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsBrandIdMax">
	<InputNumber v-model="searchForm.goodsBrandIdMax" placeholder="请输入结束品牌编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="品牌名称" prop="goodsBrandTitle">
	<Input v-model="searchForm.goodsBrandTitle" placeholder="请输入品牌名称" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="品牌简介" prop="goodsBrandIntro">
	<Input v-model="searchForm.goodsBrandIntro" placeholder="请输入品牌简介" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="类目品牌编号"><Row>
	<i-col span="11">
	<FormItem prop="goodsCategoryBrandIdMin">
	<InputNumber v-model="searchForm.goodsCategoryBrandIdMin" placeholder="请输入开始类目品牌编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsCategoryBrandIdMax">
	<InputNumber v-model="searchForm.goodsCategoryBrandIdMax" placeholder="请输入结束类目品牌编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="版本号"><Row>
	<i-col span="11">
	<FormItem prop="goodsCategoryBrandVersionMin">
	<InputNumber v-model="searchForm.goodsCategoryBrandVersionMin" placeholder="请输入开始版本号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsCategoryBrandVersionMax">
	<InputNumber v-model="searchForm.goodsCategoryBrandVersionMax" placeholder="请输入结束版本号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="创建时间"><Row>
	<i-col span="11">
	<FormItem prop="goodsCategoryBrandCreateTimeMin">
	<DatePicker @on-change="searchForm.goodsCategoryBrandCreateTimeMin=$event" :value="searchForm.goodsCategoryBrandCreateTimeMin" placeholder="请输入开始创建时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsCategoryBrandCreateTimeMax">
	<DatePicker @on-change="searchForm.goodsCategoryBrandCreateTimeMax=$event" :value="searchForm.goodsCategoryBrandCreateTimeMax" placeholder="请输入结束创建时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="更新时间"><Row>
	<i-col span="11">
	<FormItem prop="goodsCategoryBrandUpdateTimeMin">
	<DatePicker @on-change="searchForm.goodsCategoryBrandUpdateTimeMin=$event" :value="searchForm.goodsCategoryBrandUpdateTimeMin" placeholder="请输入开始更新时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsCategoryBrandUpdateTimeMax">
	<DatePicker @on-change="searchForm.goodsCategoryBrandUpdateTimeMax=$event" :value="searchForm.goodsCategoryBrandUpdateTimeMax" placeholder="请输入结束更新时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
<FormItem label="是否激活" prop="goodsCategoryBrandIsActive">
    
        <Select v-model="searchForm.goodsCategoryBrandIsActive" placeholder="是否激活" filterable clearable>
          <Option
            v-for="(option, index) in isActiveSelect"
            :value="option.value"
            :key="index"
          >{{option.displayValue}}</Option>
        </Select>
    
</FormItem>
	
</i-col>
</Row>

            </Form>
            <div slot="footer">
                <Button type="text" size="large" @click="resetForm">清空</Button>
                <Button type="text" size="large" @click="cancelModal">取消</Button>
                <Button type="primary" size="large" @click="searchOkModal" :loading="loading.search">查询</Button>
            </div>
        </Modal>
    </div>
</template>

<script>
	import * as utils from '@/api/utils-v2'
	import * as ResponseStatus from '@/api/response-status'
    export default {
        name: 'GoodsGoodsCategoryBrandSearch',
        data() {
            return {
                modal: {
                    search: false
                },
                loading: {
                    search: false
                },
				dataDictCodes: ['IS_ACTIVE'],
				dataDictItems: {},
				isActiveSelect:[],
                urls: {
                    searchUrl: '/goods-gc-brand/admin/pager-cond'
                },
                searchForm: {
                    pageNo: 1,
                    pageSize: 10,
                    sortColumn: null,
                    sortOrder: null,
                    goodsCategoryId: null,
goodsCategoryIdMin: null, 
goodsCategoryIdMax: null, 
goodsCategoryParentId: null,
goodsCategoryParentIdMin: null, 
goodsCategoryParentIdMax: null, 
goodsCategoryTitle: null,
goodsCategoryPicUrl: null,
goodsBrandId: null,
goodsBrandIdMin: null, 
goodsBrandIdMax: null, 
goodsBrandTitle: null,
goodsBrandIntro: null,
goodsCategoryBrandId: null,
goodsCategoryBrandIdMin: null, 
goodsCategoryBrandIdMax: null, 
goodsCategoryBrandVersion: null,
goodsCategoryBrandVersionMin: null, 
goodsCategoryBrandVersionMax: null, 
goodsCategoryBrandCreateTime: null,
goodsCategoryBrandCreateTimeMin: null, 
goodsCategoryBrandCreateTimeMax: null, 
goodsCategoryBrandUpdateTime: null,
goodsCategoryBrandUpdateTimeMin: null, 
goodsCategoryBrandUpdateTimeMax: null, 
goodsCategoryBrandIsActive: null,
goodsCategoryBrandIsActiveMin: null, 
goodsCategoryBrandIsActiveMax: null, 

                }
            }
        },
        computed: {},
        mounted() {
			            utils.getDataDict(this.dataDictCodes).then(response => {
			              if (response) {
			                this.dataDictItems = response
			                utils.getSelectDictItems(this, 'IS_ACTIVE', 'goodsCategoryBrandIsActive', 'isActiveSelect')
			              }
			            }).catch(error => {
			              console.log(error)
			            })
		},
        methods: {
            resetForm() {
                this.$refs.searchForm.resetFields()
            },
            cancelModal(modal) {
                this.modal.search = false
            },
            searchOkModal(modal) {
                this.modal.search = false
                this.$emit('searchTable', true)
            }
        }
    }
</script>

<style>
</style>
